<style>
    #a1, #a2, #a3, #a4 {
        padding: 20px 10px;
        width: 880px;
        height: 600px;
        float: left;
        transition: .4s all;
    }
</style>

<div id="home">
    <div id="a1" v-echarts:a1="a1"></div>
    <!--<div id="a4" v-echarts:a4="a4"></div>-->
    <!--<button @click="changeA1">changeA1</button>-->
    <!--<div id="main4" v-echarts="a5" style="width: 600px;height:400px;"></div>-->
    <!--<div id="main5" v-echarts="a6" style="width: 600px;height:400px;"></div>-->
</div>
<script>
    var home = new Vue({
        el: "#home",
        data: function () {
            return {
                a1: {
                    color: ['#3398DB'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                        }
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '3%',
                        containLabel: true
                    },
                    xAxis: [
                        {
                            type: 'category',
                            data: ['出库未处理订单总数量', '入库未处理订单总数量', '出库日未处理订单数量', '入库日未处理订单数量'],
                            axisTick: {
                                alignWithLabel: true
                            }
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value'
                        }
                    ],
                    series: [
                        {
                            name: '值',
                            type: 'bar',
                            barWidth: '60%',
                            data: [],
                        }
                    ]
                }
            }
        }
    });

    var obj = home;
    var p = [];
    p[0] = autoPost({
        urlHock: "",
        urlProd: "/route/home/3",
        success: function (json) {
            obj.$set(obj.$data.a1.series[0], 'data', json.model);
            document.getElementById('a1').instance.setOption(obj.a1);
        }
    });
    p[0].post();
</script>